<template>
  <div class="listendetails">
    <CommonHeader />
    <Player :playerData="listendetailsData"/>
  </div>
</template>

<script>
import CommonHeader from "@/components/CommonHeader"
import Player from "@/components/listenDetails/Player"

export default {
  name: 'ListenDetails',
  components:{
    CommonHeader,
    Player
  },
  data(){
    return{
      listendetailsData:{}
    }
  },
  mounted(){
    this.$axios.get(this.HOST + "/api/listendetails")
    .then(res=>{
      this.listendetailsData = res.data.songInfo;
      console.log(this.listendetailsData);
      // this.listendetailsData.lyric.replace(",","<br/>")
    })
    .catch(error=>{
      console.log(error);
    })
  }
}
</script>

<style scoped>

</style>
